@mixin thumb-base {
  height: 22px;
  width: 30px;
  position: relative;
  padding-left: 20px;
  margin: auto 0 auto 0px;
  align-self: center;
  display: inline-block;
  background-repeat: no-repeat;
  // transition: 0.3s;
  transition: 0.8s cubic-bezier(.23,1.38,.65,.99) 0s;
  &:hover {
    transform: scale(110%);
    cursor: pointer;
    // border: #000 solid 2px;
  }
  &:active {
    transform: scale(100%);
  }
}
    
.thumb {
  @include thumb-base;
  background-image: url('../assets/icon/like.svg');
}
.thumb-filled {
  @include thumb-base;
  background-image: url('../assets/icon/like-filled.svg');
}
.response{
  i {
    border-radius: 10px;
    transition: 0.2s;
    padding: 5px;
  }
  i:hover {
    border-radius: 10px;
    background: rgb(219, 219, 219);
  }
  // .thumb {
  //   @extend i;
  //   &:hover {
  //     @extend i:hover;
  //   }
  // }
  a:hover {
    background: #000;
  }
}